<meta charset="UTF-8">
<div class="sdwebui">
    <setting-section data-title="配置">
        <setting-panel>
            <setting-list data-direction="column">
                <setting-item>
                    <div>
                        <setting-text>状态</setting-text>
                        <setting-text data-type="secondary" id="serverStatus"></setting-text>
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>开关</setting-text>
                        <setting-text data-type="secondary">控制服务开关，重启QQ生效。</setting-text>
                        <div class="isActive q-switch" id="isActive">
                            <span class="q-switch__handle"></span>
                        </div>
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>端口</setting-text>
                        <setting-text data-type="secondary">服务端口，默认：6020</setting-text>
                        <input class="input-text text_color" id="port" min="5000" max="20000" />
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>群组</setting-text>
                        <setting-text data-type="secondary">发送图片的群组，请填写QQ群号，多个群组请用“,”隔开。</setting-text>
                        <input class="input-text text_color" type="text" id="groupList"></input>
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>撤回时间</setting-text>
                        <setting-text data-type="secondary">定时撤回的时间，单位：秒，默认：5秒。</setting-text>
                        <input class="input-text text_color" type="text" id="timeOut" min="5" max="60"></input>
                    </div>
                </setting-item>
            </setting-list>
        </setting-panel>
    </setting-section>

    <setting-section data-title="关于">
        <setting-panel>
            <setting-list data-direction="column">
                <setting-item>
                    <div>
                        <setting-text data-type="secondary">重启QQ后，修改的设置才会生效</setting-text>
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>SDWebUI 插件</setting-text>
                        <setting-text data-type="secondary">开发中...</setting-text>
                        <setting-button id="sdwebui" data-type="secondary">去看看</setting-button>
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>Github 仓库</setting-text>
                        <setting-text
                            data-type="secondary">https://github.com/yalwolf/LiteLoaderQQNT-SDWebUI-ImageQuickSend</setting-text>
                        <setting-button id="github" data-type="secondary">去看看</setting-button>
                    </div>
                </setting-item>
                <setting-item>
                    <div>
                        <setting-text>作者</setting-text>
                        <setting-link data-value="https://alwolf.cn/">小阿狼是也</setting-link>
                    </div>
                </setting-item>
            </setting-list>
        </setting-panel>
    </setting-section>
</div>